const path = require('path')
const CompressionPlugin = require('compression-webpack-plugin');
module.exports = {
    publicPath: './',
    assetsDir: 'static',
    productionSourceMap: false,
    //eslint 是否开启
    lintOnSave:false,
    chainWebpack: config => {
        config
            .plugin('html')
            .tap(args => {
            args[0].title= '临港产业数据化大屏'
            return args
            })
        config
        const oneOfsMap = config.module.rule('scss').oneOfs.store;
        oneOfsMap.forEach(item => {
        item
            .use('sass-resources-loader')
            .loader('sass-resources-loader')
            .options({
            resources: './src/fun.scss'
            // 也可以选择全局变量路径数组, 如果你有多个文件需要成为全局,就可以采用这种方法
            // resources: ['./path/to/vars.scss', './path/to/mixins.scss']
            // 或者你可以将多个scss文件@import到一个main.scss用第一种方法，都是可以的
            })
            .end()
        })
        if (process.env.NODE_ENV === 'production') {
            config.plugin('compressionPlugin')
                .use(new CompressionPlugin({
                    filename: '[path].gz[query]',
                    algorithm: 'gzip',
                    test: /\.(js|css|html)(\?.*)?$/i,
                    threshold: 10240,
                    deleteOriginalAssets: false
                }));
        }

    },
    devServer: {
      port: 9000,
      proxy: {
        '/': {
          target: 'http://192.168.0.202:7084/',
          // target: 'http://mdisplay.joinchain.cn/',
          changeOrigin: true,
          ws:false,
          pathRewrite: { }
        }
      }
    }
}
